<!DOCTYPE html>
<html>

	<head>
		<title>jQuery WeUI</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="lib/weui.min.css">
		<link rel="stylesheet" type="text/css" href="day1/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="css/jquery-weui.css">
		<style type="text/css">
			body,
			html {
				height: 100%;
			}
			.header{
				height: 20px;

			}
			.weui-flex__item div{
				margin:10px ;
			}
			
			
				.pp>p {
				color: red;
				height: 35px;
				line-height: 25px;
				margin-top: 20px;
				border-bottom: 5px solid #EEEEEE;
				border-top: 5px solid #EEEEEE;
			}
				.shop>.weui-cells:nth-child(1) {
				margin: -10px;
				border-bottom: 5px solid #EEEEEE;
			}
				input[type=text] {
				width: 30px;
				margin-left: 2px;
				margin-right: 2px;
				color: #000000;
			}
			
			input[type=button] {
				width: 25px;
				font-size: 20px;
				color: #000000;
			}
			.weui-cell>.weui-cell__bd{
				/*margin-bottom: 50px;*/
			}
			.weui-cell>.weui-cell__bd>img,
			.weui-cell>.weui-cell__bd>div {
				float: left;
			}
			
			.weui-cell>.weui-cell__bd>img {
				width: 82px;
				height: 90px;
				margin-top: 20px;
			}
			.weui-cell .weui-cell__bd span{
				color: red;
			}
			.weui-cell>.weui-cell__bd>div>p {
				height: 20px;
				line-height: 60px;
				margin-bottom: 70px;
			}
			
			.weui-cell>.weui-cell__bd>div {
				margin-left: 10px;
			}
		</style>
	</head>

	<body ontouchstart>

		<div class="weui-tab">
			<div class="weui-tab__bd">
				<div class="weui-tab__bd-item weui-tab__bd-item--active">
					<div class="header">
						<div class="weui-flex">
							<div class="weui-flex__item">
								<div class="placeholder"><span class="glyphicon glyphicon-chevron-left"></span></div>
							</div>
							<div class="weui-flex__item">
								<div class="placeholder"><strong>购物车</strong></div>
							</div>
							
						</div>
					</div>
					<div class="pp">
						<p><span class="glyphicon glyphicon-volume-up"></span>还有更火爆的良品!</p>
					</div>
					<div class="shop">
						   <div class="weui-cells weui-cells_checkbox">
        <label class="weui-cell weui-check__label" for="s11">
          <div class="weui-cell__hd">
            <input type="checkbox" class="weui-check" name="checkbox1" id="s11" checked="checked">
            <i class="weui-icon-checked"></i>
          </div>
          <div class="weui-cell__bd" >
            <p><img src="img/liang.png"width="30px"/>良品快运</p>
          </div>
           <div class="weui-cell__ft"><img width="60px" src="img/youhuijuan.png"/></div>
          
        </label>

       
      </div>
      	<div class="weui-cells weui-cells_checkbox">
							<label class="weui-cell weui-check__label" for="s12">
          <div class="weui-cell__hd">
            <input type="checkbox" class="weui-check" name="checkbox1" id="s12" >
            <i class="weui-icon-checked"></i>
          </div>
          <div class="weui-cell__bd">
          	<img src="img/CghmQldqLxGAVzqjAABlfJAaXx0785.jpg" />
          	<div>
          		<p>【5折秒杀】法兰蒂草莓干（电商专供）</p>
          		<span><b>￥9.9</b></span>
          	</div>
          </div>
           <div class="weui-cell__ft"><input type="button" value="-"/><input type="text" value="1"/><input type="button" value="+"/></div>
        </label>
							<label class="weui-cell weui-check__label" for="s13">
          <div class="weui-cell__hd">
            <input type="checkbox" class="weui-check" name="checkbox1" id="s13" >
            <i class="weui-icon-checked"></i>
          </div>
          <div class="weui-cell__bd">
          	<img src="img/CghmQ1dqPLKAOW8aAABDSIbmR6I203.jpg" />
          	<div>
          		<p>【5折秒杀】黄桃果干98G （全场满68元包邮）</p>
          		<span><b>￥9.9</b></span>
          	</div>
          </div>
           <div class="weui-cell__ft"><input type="button" value="-"/><input type="text" value="1"/><input type="button" value="+"/></div>
        </label>
							<label class="weui-cell weui-check__label" for="s14">
          <div class="weui-cell__hd">
            <input type="checkbox" class="weui-check" name="checkbox1" id="s14">
            <i class="weui-icon-checked"></i>
          </div>
          <div class="weui-cell__bd">
          	<img src="img/CghmQ1dqL6SASJ1TAABE-bpAbWU636.jpg" />
          	<div>
          		<p>【9.9折秒杀】山楂饴250G</p>
          		<span><b>￥9.9</b></span>
          	</div>
          </div>
           <div class="weui-cell__ft"><input type="button" value="-"/><input type="text" value="1"/><input type="button" value="+"/></div>
        </label>
							<label class="weui-cell weui-check__label" for="s15">
          <div class="weui-cell__hd">
            <input type="checkbox" class="weui-check" name="checkbox1" id="s15">
            <i class="weui-icon-checked"></i>
          </div>
          <div class="weui-cell__bd">
          	<img src="img/top1.jpg" />
          	<div>
          		<p>香辣味小鱼仔218g （全场满68元包邮）</p>
          		<span><b>￥9.9</b></span>
          	</div>
          </div>
           <div class="weui-cell__ft"><input type="button" value="-"/><input type="text" value="1"/><input type="button" value="+"/></div>
        </label>
							<label class="weui-cell weui-check__label" for="s16">
          <div class="weui-cell__hd">
            <input type="checkbox" class="weui-check" name="checkbox1" id="s16">
            <i class="weui-icon-checked"></i>
          </div>
          <div class="weui-cell__bd">
          	<img src="img/top9.jpg" />
          	<div>
          		<p>天然酵母面包 （北海道牛奶风味）150G</p>
          		<span><b>￥9.9</b></span>
          	</div>
          </div>
           <div class="weui-cell__ft"><input type="button" value="-"/><input type="text" value="1"/><input type="button" value="+"/></div>
        </label>

						</div>

    </div>
					</div>
					
				
				</div>
			</div>


		<div class="weui-tabbar">
			<a href="index.html" class="weui-tabbar__item ">
				<!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
				<div class="weui-tabbar__icon">
					<img src="images/icon_nav_button.png" alt="">
				</div>
				<p class="weui-tabbar__label">首页</p>
			</a>
			<a href="typelist.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<img src="images/icon_nav_msg.png" alt="">
				</div>
				<p class="weui-tabbar__label">分类</p>
			</a>
			<a href="cart.html" class="weui-tabbar__item weui-bar__item--on">
				<div class="weui-tabbar__icon ">
					<img src="images/icon_nav_article.png" alt="">
				</div>
				<p class="weui-tabbar__label">购物车</p>
			</a>
			<a href="home.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<img src="images/icon_nav_cell.png" alt="">
				</div>
				<p class="weui-tabbar__label">我的良品</p>
			</a>
		</div>

		<script src="lib/jquery-2.1.4.js"></script>
		<script src="js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>